<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">

    <title></title>
<!--    <link rel="shortcut icon" href="/img/favicon.ico">-->

    <!-- global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/font-icon-style.css">
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">

    <!-- Core stylesheets -->
</head>

<body>

<!--====================================================
                         MAIN NAVBAR
======================================================-->
<header class="header">
    <nav class="navbar navbar-expand-lg ">
        <div class="container-fluid ">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
                <div class="navbar-header">
                    <a class="navbar-brand">
                        <div class="brand-text brand-big hidden-lg-down"><h3>用户管理</h3></div>
                        <div class="brand-text brand-small"><h3>用户管理</h3></div>
                    </a>
                    <a id="toggle-btn" href="#" class="menu-btn active">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </div>
            </div>
        </div>
    </nav>
</header>

<!--====================================================
                        PAGE CONTENT
======================================================-->
<div class="page-content d-flex align-items-stretch">

    <!--***** SIDE NAVBAR *****-->
    <nav class="side-navbar">
        <div class="sidebar-header d-flex align-items-center">
            <div class="title">
                <h1 class="h4">欢迎：<span th:text="${session.username}"></span></h1>
            </div>
        </div>
        <hr>
        <!-- Sidebar Navidation Menus-->
        <ul class="list-unstyled">
            <li> <a th:href="@{/index}"><i class="icon-home"></i>首页</a></li>
            <li class="active"> <a th:href="@{/admin/userManagement}"><i class="fa icon-grid"></i>用户管理</a></li>
            <li> <a th:href="@{/admin/activityManagement}"> <i class="fa icon-interface-windows"></i>活动管理</a></li>
        </ul>
    </nav>

    <div class="content-inner chart-cont">
        <!--***** CONTENT *****-->
        <div class="row">
            <table class="table table-hover">
                <thead>
                <tr class="bg-info text-white">
                    <th>#</th>
                    <th>用户名</th>
                    <th>注册时间</th>
                    <th>用户状态</th>
                    <th>修改</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="user:${users}">
                    <th th:text="${user.id}"></th>
                    <td th:text="${user.username}"></td>
                    <td th:text="${user.avatar}"></td>
                    <td th:text="${user.nickname}"></td>
                    <td>
                        <button th:onclick="|updateStatus(${user.id})|" >更改状态</button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>

<!--Global Javascript -->
<script src="/js/jquery.min.js"></script>
<script src="/js/popper/popper.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.cookie.js"></script>
<script src="/js/jquery.validate.min.js"></script>
<script src="/js/chart.min.js"></script>
<script src="/js/front.js"></script>
<script src="/user_management.js"></script>

<!--Core Javascript -->
</body>

</html>